/**
 * pre-requis: 
 * - la balise img doit avoir un data-index (int) donnant la valeur de l'etoile (1-5)
 * - la balise tr contenant l'image doit avoir un data-infos contenant les données du film
 */
function init_rating() {
    $('img', $('.rating-editable')).click(img_click);
    $('img', $('.rating-editable')).mouseover(img_over);
    $('img', $('.rating-editable')).mouseout(img_out);
}

/**
 * `mouse click` sur une etoile.
 * @param event
 */
function img_click(event) {
    var newRating = $(this).data("index");
    $(this).parent().data("rating", newRating);
    
    var idMovie = $(this).parent().data("idmovie");
    console.debug('img_click %o', idMovie);
    
    var url = readCookie("baseurl") + "/library/savemoviedata";
    url += "/movie/" + idMovie;
    url += "/rating/" + newRating;
    
    $.ajax({
        type : "GET",
        url : url,
        success : function(json) {
            if (!json.success) {
                alert("Une erreur est survenue (js:img_click)");
                return;
            }
            console.debug('save OK');
        }
    });    
}

/**
 * `mouse over` sur une etoile.
 * @param event
 */
function img_over(event) {
    var idStar = $(this).data("index");
    var idRating = $(this).parent().data("index");
    var newWidth = (16 * idStar) + 'px';
//    console.debug('%o %o %o', idStar, idRating, newWidth);
    $('#bg-' + idRating).css('width', newWidth);
}

/**
 * `mouse out` sur une etoile.
 * @param event
 */
function img_out(event) {
    var idRating = $(this).parent().data("index");
    var initRating = $(this).parent().data("rating");
    var newWidth = (16 * initRating) + 'px';
    $('#bg-' + idRating).css('width', newWidth);
}